<template>
	<view class="hot">
		<CommodityVue :commodityData="hotData" item-w="250" item-h="300"></CommodityVue>
	</view>
</template>

<script>
	import CommodityVue from '@/components/common/Commodity.vue';
	export default {
		components: {
			CommodityVue
		},
		data() {
			return {
				hotData: [{
					id: 1,
					src: '../../static/img/hot1.jpg',
					contentTitle: '需衣绒毛大款2024年必须买，爆款促销，手慢则无，快！快！快！',
					pprice: 299,
					oprice: 659,
					discount: 5.2
				}, {
					id: 2,
					src: '../../static/img/hot2.jpg',
					contentTitle: '大衣绒毛大款2024年必须买，爆款促销，手慢则无，快！快！快！',
					pprice: 299,
					oprice: 659,
					discount: 5.2
				}, {
					id: 3,
					src: '../../static/img/hot3.jpg',
					contentTitle: '大衣绒毛大款2024年必须买，爆款促销，手慢则无，快！快！快！',
					pprice: 299,
					oprice: 659,
					discount: 5.2
				}, {
					id: 4,
					src: '../../static/img/commodity1.jpg',
					contentTitle: '需衣绒毛大款2024年必须买，爆款促销，手慢则无，快！快！快！',
					pprice: 299,
					oprice: 659,
					discount: 5.2
				}, {
					id: 5,
					src: '../../static/img/commodity2.jpg',
					contentTitle: '大衣绒毛大款2024年必须买，爆款促销，手慢则无，快！快！快！',
					pprice: 299,
					oprice: 659,
					discount: 5.2
				}, {
					id: 6,
					src: '../../static/img/commodity3.jpg',
					contentTitle: '大衣绒毛大款2024年必须买，爆款促销，手慢则无，快！快！快！',
					pprice: 299,
					oprice: 659,
					discount: 5.2
				}]
			}
		}
	}
</script>

<style scoped>
	.hot {
		width: 100%;
	}
</style>